<template>
  <!-- 第一个大屏 -->
  <div class="app">
    <div class="app-bg" id="AirCIMMapContainerView"></div>
    <TopTitle></TopTitle>
    <div style="display: flex; justify-content: space-between">
      <div class="left" style="margin-left: 30px">
        <div style="position: relative">
          <HallSituaction></HallSituaction>
        </div>
        <div style="position: relative; margin-top: 20px">
          <HallRole></HallRole>
        </div>
      </div>
      <div class="middle" style="margin: 0 auto; width: 880px">
        <div style="position: relative; margin-top: 20px; height: 367px">
          <CarouselCircle></CarouselCircle>
        </div>
        <!-- 评价分析 -->
        <div style="position: relative; margin-top: 0px; height: 260px">
          <HallPj></HallPj>
        </div>
        <div style="position: relative; margin-top: 0px">
          <HallOnline></HallOnline>
        </div>
      </div>
      <div
        class="right"
        style="margin-right: 30px; width: 460px; height: 274px"
      >
        <div style="position: relative; margin-top: 16px">
          <HallTask></HallTask>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import TopTitle from "../components/elements/TopTitle.vue";
import HallSituaction from "../components/elements/HallSituaction.vue";
import HallRole from "../components/elements/HallRole.vue";
import HallPj from "../components/elements/HallPj.vue";
import HallOnline from "../components/elements/HallOnline.vue";
import HallTask from "../components/elements/HallTask.vue";
import CarouselCircle from "../components/elements/CarouselCircle.vue";
export default {
  components: {
    HallSituaction,
    TopTitle,
    HallRole,
    HallPj,
    HallOnline,
    HallTask,
    CarouselCircle,
  },
  methods: {
    initMap(){
      //加载场景 加载实例DOM,图层model,当前实例项
      AirCIMActiveScene('AirCIMMapContainerView','6',this);
    },
  },
  mounted() {
    this.initMap();
  }
};
</script>
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  width: 1920px;
  height: 1080px;
}
.app{
  position: relative;
}
.app-bg{
  width: 100%;
  height: 100%;
  position: absolute;
}
</style>
